/******************** 组件 ********************/
.lv-link {
  display: inline-flex;
  align-items: center;
  font-weight: $font-weight-regular;
  font-size: $font-size-base;
  line-height: $line-height-base;
  text-decoration: none;
  background-color: initial;
  cursor: pointer;

  @include motion-state;

  &:hover {
    color: $primary-color-hover;
    text-decoration: underline;
  }

  &:active {
    color: $primary-color-active;
    text-decoration: underline;
  }
}

.lv-link-primary {
  color: $primary-color;
}

.lv-link-normal {
  color: $text-color;
}

.lv-link-disabled {
  color: $text-color-disabled;
  text-decoration: none;
  cursor: not-allowed;

  &:hover,
  &:active {
    color: $text-color-disabled;
    text-decoration: none;
  }
}

.lv-link-icon {
  display: inline-flex;
  align-items: center;
  margin-left: calc(#{$margin-xs} / 2);
}
